<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content="">
	
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no,email=no"/>
	<title>107</title>
	<!-- jquery ui -->
	<script type="text/javascript" src="<?php echo base_url();?>js/jquery.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>js/jquery-ui.min.js"></script>
	<!-- 作品展示 -->
	<link type="text/css" rel="stylesheet" href="<?php echo base_url();?>css/galleryview.css" />
	<link type="text/css" rel="stylesheet" href="<?php echo base_url();?>css/jquery-ui.css" />
	<script type="text/javascript" src="<?php echo base_url();?>js/jquery.galleryview-1.1.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>js/jquery.timers-1.1.2.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>js/check.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('#photos').galleryView({
				panel_width: 920,
				panel_height: 550,
				frame_width: 120,
				frame_height: 100
			});
		});
	</script>
		<script type="text/javascript">
			//弹出隐藏层
			function ShowDiv(show_div,bg_div){
			document.getElementById(show_div).style.display='block';
			document.getElementById(bg_div).style.display='block' ;
			var bgdiv = document.getElementById(bg_div);
			bgdiv.style.width = document.body.scrollWidth;
			// bgdiv.style.height = $(document).height();
			$("#"+bg_div).height($(document).height());
			};
			//关闭弹出层
			function CloseDiv(show_div,bg_div)
			{
			document.getElementById(show_div).style.display='none';
			document.getElementById(bg_div).style.display='none';
			};
		</script>
	<!-- less css -->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/style.css" />
	<link rel="stylesheet/less" type="text/css" href="<?php echo base_url();?>css/style.less" />
	<script src="<?php echo base_url();?>js/less.min.js" type="text/javascript"></script>
</head>
<body>
	<div class="container left">
		<div class="side-bar left">
			<a href="javascript:void(0);" onclick="service()" class="icon icon-service left">
				<br /><br /><br /><br />
				<p>网站服务</p>
			</a>

			<a href="javascript:void(0);" onclick="product()" class="icon icon-product left">
				<br /><br /><br /><br />
				<p>作品展示</p>
			</a>

			<a href="javascript:void(0);" onclick="group()" class="icon icon-group left">
				<br /><br /><br /><br />
				<p>工作团队</p>
			</a>

			<a href="javascript:void(0);" onclick="connect()" class="icon icon-connect left">
				<br /><br /><br /><br />
				<p>联系我们</p>
			</a>

			<a href="javascript:void(0);" onclick="campus()" class="icon icon-campus left">
				<br /><br /><br /><br />
				<p>招兵买马</p>
			</a>

			<a href="javascript:void(0);" onclick="where()" class="icon icon-where left">
				<br /><br /><br /><br />
				<p>我们在哪</p>
			</a>
		</div>

		
		
		<div class="main-bar right">

			<div id="jump" style="top: -167px; position: fixed; left: 255px;">
				<div class="polaroid welcome_left left block">
					<img src="<?php echo base_url();?>images/001.jpg" width="284" height="213" />
					<p class="caption">welcome</p>
				</div>

				<div class="polaroid left welcome_middle block">
					<img src="<?php echo base_url();?>images/001.jpg" width="284" height="213" />
					<p class="caption">107</p>
				</div>
				
				<div class="polaroid left welcome_right block">
					<img src="<?php echo base_url();?>images/001.jpg" width="284" height="213" />
					<p class="caption">lab</p>
				</div>


			</div>

			<div class="polaroid right message block">
				<h1>留 言 板</h1>
				<textarea name=""></textarea>
			</div>

			<div id="function" class="function">
				<!-- 网站服务 -->
				<div id="service" class="left">
					<img src="<?php echo base_url();?>images/001.jpg" />
				</div>

				<!-- 作品展示 -->
				<div id="product" class="left">
					<div id="photos" class="galleryview">
						<?php foreach($product as $value){?>
						<div class="panel"><img src="<?php echo base_url();?><?php echo $value->pic;?>"/></div>
						<?php }?>
						<ul class='filmstrip'>
							<?php foreach($product as $value){?>
								<li><img src="<?php echo base_url();?><?php echo $value->pic;?>"/></li>
							<?php }?>
						</ul>
					</div>
				</div>

				<!-- 工作团队 -->
				<div id="group" class="left">
					<div id="main">
						<?php foreach($team as $value){?>
					    <div class="items">
							
							<div class="img">
								<a href="">
									<img src="<?php echo base_url();?><?php echo $value->pic;?>" />
					        		<div class="desc">
										<p>年级：<?php echo $value->grade;?></p>
										<p>加入时间：<?php echo $value->time;?></p>
										<p>研究方向：<?php echo $value->direction;?></p>
										<p>qq： <?php echo $value->qq;?></p>
										<p>邮箱： <?php echo $value->mail;?></p>
										<p>座右铭： <?php echo $value->motto;?></p>
										
									</div>
								</a>
					      	</div>
					      	<div class="title"><?php echo $value->name;?></div>
					    </div>
						<?php }?>
					   
					    
					</div>
				</div>
				
				<!-- 联系我们 -->
				<div id="connect" class="left block">
					<div id="accordion">  
						<?php foreach($contact as $value){?>
						<h3><?php echo $value->title;?></h3>  
						<div>    
							<?php echo $value->content;?> 
						</div>  
						<?php }?>
					</div>
				</div>

				<!-- 招兵买马 -->
				<div id="campus" class="left block">
					<div id="tabs">  
						<ul>    
							<li><a href="#fragment-1"><span>关于我们</span></a></li>    
							<!--<li><a href="#fragment-2"><span>关于你们</span></a></li>-->    
							<li><a href="#fragment-3"><span>填写报名信息</span></a></li>  
						</ul>

						<div id="fragment-1">    
							<?php foreach($aboutus as $value){?>
								<?php echo $value->content;?>
							<?php }?>
						</div>  
						<!--<div id="fragment-2">      
							22222222
						</div>  -->
						<div id="fragment-3" class="xinxi_a">    
							<p>请认真填写报名信息</p>
							<p>报名时间段****年**月**日---****年**月**日</p>
							<p>务必填写准确</p>
							<p>不要重复多次报名</p>
							<input id="Button1" type="button" value="点击报名" onclick="ShowDiv('MyDiv','fade')" />
						</div>
					</div>
				</div>
				

				<!-- 我们在哪 -->
				<div id="where" class="left">
					<!--引用百度地图API-->
    				<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=kRofe63sEy8RVQ3HkpOGj2Ia"></script>
					<!--百度地图容器-->
  				  	<div style="width:700px;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div>
					<script type="text/javascript" src="<?php echo base_url();?>js/baidu-map.js"></script>
				</div>


			</div>
			


		</div>

		<div class="bottom-bar left">
			<div class="icon start left">
				
			</div>
		</div>
	</div>
	<!--弹出层时背景层DIV-->
		<div id="fade" class="black_overlay"></div>
		<div id="MyDiv" class="white_content">
			<div class="itemB">
			<h1><span style="font-size: 16px;" onclick="CloseDiv('MyDiv','fade')"><img src="<?php echo base_url();?>images/gb.png"></span>报名表</h1>
			</div>
				<form method="post" action="<?php echo site_url("Former/check_enroll");?>" onsubmit="return regs('click')">
					<div id="fragment-3" class="xinxi">    
						<p><label for="name">姓名：  </label><input type="text" name="name" style="height:18px;"><span class="stats1">请输入姓名</span></p>
						<p><label for="grade">年级： </label><input type="text" name="grade"><span class="stats1">请输入年级 例如:2015级</span></p>
						<p><label for="major">专业： </label><input type="text" name="major"><span class="stats1">请输入专业</span></p>
						<p><label for="qq">qq号： </label><input type="text" name="qq"><span class="stats1">请输入qq号码</span></p>
						<p><label for="phone">手机： </label><input type="text" name="phone"><span class="stats1">请输入手机号码</span></p>
						<p><label for="email">邮箱： </label><input type="text" name="email"><span class="stats1">请输入邮箱 例如:**@**.com</span></p>
						<p><label for="content">简历：</label><textarea name="content" value=""></textarea></p>
					</div>
					<div class="itemA"><p><input type="submit" class="loginButton" value="提交"></p></div>
				</form>
		</div>
	
</body>
<script type="text/javascript" src="<?php echo base_url();?>js/107lab.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/jquery.bouncebox.1.0.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/script.js"></script>
<script>
	/* 取消地图的效果 */
	where();

	/* 拖拽 */
	$(document).ready(function(){
		$(".block").draggable();
	});

	$( "#accordion" ).accordion();
	$( "#tabs" ).tabs();
</script>
</html>